*{
	margin:0;
	padding:0;
}
html,body{
	overflow: hidden;
	width: 100%;
	height: 100%;
	line-height: 1;
	font-family:Microsoft Yahei;
}
ul,ol{
	list-style: none;
}
#page{
	width: 100%;
	height:100%;
	position: relative;
}
#page>div{
	width: 100%;
	height:100%;
	background: url(../images/bg.jpg) center center;
	color:#fff;
	background-size: : 130% 130%;
	overflow: hidden;
	/*animation: bgChange 2s linear;*/
}
/*@keyframes bgChange{
	from{background-size: : 130% 130%;}
	to{background-size:100% 100%;}
}*/
.sceneOne,.sceneTwo{
	position:absolute;
}
.top{
	position: absolute;
	left:0.15rem;
	right:0.15rem;
	text-align: center;
}
img{
	position:absolute;
}
.top img:nth-child(1){
	width:5rem;
	top:-1.6rem;
	left:-1.05rem;
	animation: light .4s ease-in-out infinite alternate ;
}
.top img:nth-child(2){
	width:100%;
	left:0;
	/*top:-2.3rem;*/
}
.top img.logo{
	left:1.16rem;
	top:0.8rem;
	width:.58rem;
	height:.58rem;
	border-radius: 50%;
	opacity: 0;
}
.topS{
	    width: 2.0rem;
	    height: 2.2rem;
	    left: 0.61rem;
	    bottom: -2.2rem;
	
}
.bottomS{
	    width: 2.0rem;
	    height: 2.2rem;
	    left: 0.61rem;
	    top: -2.2rem;
	
}
#music{
	position: fixed;
	z-index:2;
	right:0.1rem;
	top:0.05rem;
	width:.3rem;
	height:.3rem;
	background-image:url(../images/normalmusic.svg);
	background-size: cover;
}
.on{
	animation: rotate 2s linear infinite;
}
@keyframes light{
	from{opacity:0;}
	to{opacity:1;}
}
@keyframes rotate{
	from{transform: rotate(0);}
	to{transform: rotate(360deg);}
}
@keyframes scale{
	0%{transform: scale(1);}
	50%{transform: scale(1.1);}
	100%{transform: scale(1);}
}
#test{
	background:lightpink;
	position: absolute;
	z-index: 2;
	    width: 2.0rem;
	    height: 2.2rem;
	    left: 0.61rem;
	    top: -2.2rem;
}